<template>
  <main class="xh-main">
    <section>
      <img class="full-width" src="/static/homebg.png" alt="">
    </section>
    <section class="section-1 relative">
      <p class="header">MAIN ENTRANCE <span>主要入口</span></p>
      <p class="tip"><span class="bolid"></span><span class="name">全方位一站式服务</span><span class="bolid"></span></p>
      <img class="xh-e" src="/static/e.png" alt="">
      <img class="xh-b" src="/static/b.png" alt="">
      <img class="xh-f" src="/static/f.png" alt="">
      <div class="min-pc-width relative">
        <img class="xh-d" src="/static/d.png" alt="">
        <img class="xh-c" src="/static/c.png" alt="">
        <div class="xh-a">
          <div class="item" @click="clickToInstaller">
            <img class="xh-a-img" src="/static/a.png" alt="">
            <span>点击我进入安装人数字平台</span>
          </div>
        </div>
        <div class="xh-a xh">
          <div class="item" @click="toXH">
            <img class="xh-a-img" src="/static/xh.png" alt="">
            <span>点击我进入上海市安装行业协会</span>
          </div>
        </div>
      </div>
    </section>
    <section class="section-2 relative">
      <p class="header">ASSOCIATION <span>协会网站</span></p>
      <img class="xh-e e2" src="/static/e.png" alt="">
      <div class="flex-center min-pc-width flex-space-between">
        <div class="item flex-column">
          <span class="zone" @click="toXH">关于协会</span>
          <img class = "item-img mt10" src="/static/sg.png" alt="">
        </div>
        <div class="item flex-column">
          <img class = "item-img" src="/static/dj.png" alt="">
          <span class="zone mt10" @click="toAffairs">党建联建</span>
        </div>
        <div class="item flex-column">
          <span class="zone" @click="toDatabase">科委会</span>
          <img class = "item-img mt10" src="/static/wj.png" alt="">
        </div>
        <div class="item flex-column">
          <img class = "item-img" src="/static/ws.png" alt="">
          <span class="zone mt10"  @click="toInnovation">创优评先</span>
        </div>
      </div>
    </section>
    <section class="section-3 relative">
      <p class="header">DIGITAL SERVICE <span>数字服务平台</span></p>
      <div class=" min-pc-width flex-space-between">
        <div class="item">
          <img src="/static/r4.png" alt="">
          <span class="text">云课堂</span>
        </div>
        <div class="item">
          <img src="/static/r2.png" alt="">
          <span class="text">BⅠM</span>
        </div>
        <div class="item">
          <img src="/static/r5.png" alt="">
          <span class="text">企业能力评价</span>
        </div>
      </div>
      <div class=" min-pc-width flex-space-between mt30">
        <div class="item lg">
          <img src="/static/r1.png" alt="">
          <span class="text">造价信息服务</span>
        </div>
        <div class="item lg">
          <img src="/static/r3.png" alt="">
          <span class="text">竣工资料</span>
        </div>
      </div>
      <div class="min-pc-width mt30 flex-space-between">
        <div class="item lg-width">
          <img src="/static/g.png" alt="">
          <span class="text">绿色促进中心</span>
        </div>
      </div>
      <!-- <img class="bg" src="/static/bg02.png" alt=""> -->
    </section>
    <section class="section-4 relatice">
      <div class="home-lute min-pc-width">
        <img src="/static/bg10.png" alt="">
        <div class="lute-right">
          <vue-scroll>
            <div class="head">
              <span class="title">最新动态</span>
              <span class="blue-btn">查看更多</span>
            </div>
            <div class="item-mod" v-for="(item,index) in news" :key="index">
              <div class="text">
                <span class="circel"></span>
                <span class="name">{{item.title}}</span>
              </div>
              <span class="time">{{item.submit_time}}</span>
            </div>
          </vue-scroll>
        </div>
      </div>
    </section>
    <main-url></main-url>
    <main-foot></main-foot>
  </main>
</template>
<script>
import { mapGetters } from 'vuex'
import mainFooter from 'components/common/footer'
import mainUrl from 'components/common/url'
export default {
  name: 'standapply',
  data () {
    return {
      news: []
    }
  },
  components: {
    "main-foot": mainFooter,
    mainUrl
  },
  computed: {
    ...mapGetters({
    })
  },
  created () {
    this.getNewTitles()
    // this.getBimList()
  },
  methods: {
    clickToInstaller () {
      this.$router.push({ path: '/installer/cost/rules' })
    },
    toXH () {
      this.$router.push({ path: '/association/product' })
    },
    toAffairs () {
      this.$router.push({ path: '/party/affairs' })
    },
    toInnovation () {
      this.$router.push({ path: '/innovation/technological' })
    },
    toDatabase () {
      this.$router.push({ path: '/expert/database' })
    },
    getNewTitles () {
      this.$http.getNewTitles({ top: 5 }).then(res => {
        this.news = res.data
      })
    },
    getBimList () {
      this.$http.getBimList().then(res => {
        // this.news = res.data
      })
    }
  }
}
</script>
<style lang="scss">
</style>
